/*
列表页-搜索栏的查询输入框的长度
*/
.search-bar-item-size1 {
    width: 100px;
}
.search-bar-item-size2 {
    width: 140px;

}
.search-bar-item-size3 {
    width: 200px;
}

.search-bar-item-size4 {
	width: 240px;
}
.search-bar-item-code {
	width: 170px;
}
.link-style {
    color: #2b85e4;
    cursor: pointer;
}

/** flex */
.flex-start {
    display: flex;
}
.flex-end {
    display: flex;
    justify-content: flex-end;
}
.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex-between-center {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.flex-between {
    display: flex;
    justify-content: space-between;
	align-items: center;
}
.flex-between-center-wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.flex-end-center {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.flex-end-center-wrap {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
}
.flex-start-center {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.flex-start-center-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
.item-gap {
    margin-right: 4px!important;
}

/* margin */
.margin-top-10 {
    margin-top: 10px;
}
.margin-right-10 {
    margin-right: 10px;
}
.margin-top-30 {
	margin-top: 30px;
}
.margin-bottom-0 {
    margin-bottom: 0;;
}
.margin-top-20 {
    margin-top: 20px;
}
.margin-bottom-10 {
    margin-bottom: 10px;
}
.see-btn {
	width:30px;
	height: 36px;
	line-height: 36px;
	border-top: 1px solid #DCDFE6;
	border-right: 1px solid #DCDFE6;
	border-bottom: 1px solid #DCDFE6;
	border-radius: 0 4px 4px 4px;
	text-align: center;
}
.see-btn:hover {
	cursor: pointer;
}
.disabled-see-btn {
	background: rgb(245, 247, 250);
	cursor: not-allowed!important;
}
.fixed-operation-bar {
	position: sticky;
	top: 0;
	left:0;
	z-index: 100;
}
.font-bold {
	font-weight: 700;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}
.margin-5-0 {
    margin: 5px 0;
}
.padding-10 {
	padding: 10px;
}
.icon-label {
	color:#2b85e4;
	font-weight: 700;
	font-size: 15px;
}
/* padding */
.margin-bottom-4{
    margin-bottom: 4px;
}
.margin-bottom-20{
    margin-bottom: 20px;
}
.margin-bottom-30{
    margin-bottom: 30px;
}
.margin-bottom-60{
    margin-bottom: 60px;
}
.margin-top-0{
    margin-top: 0;
}
.margin-top-15{
    margin-top: 15px;
}
.padding-top-10 {
    padding-top: 10px;
}
.padding-top-20 {
	padding-top: 20px;
}
.padding-bottom-10 {
	padding-bottom: 10px;
}
.padding-left-20 {
    padding-left: 20px;
}
.margin-right-6 {
    margin-right: 6px;
}
.margin-right-20{
    margin-right: 20px;
}
.margin-left-20{
    margin-left: 20px;
}
.margin-right-0{
    margin-right: 0;
}
.margin-right-4{
    margin-right: 4px;
}
.margin-left-10{
    margin-left: 10px;
}
.margin-right-15{
    margin-right: 15px;
}
.item-gap {
    margin-right: 4px;
}
.margin-left-4 {
	margin-left: 4px;
}
.margin-left-0 {
    margin-left: 0!important;
}
.item-gap-2 {
    margin: 0 2px;
}

.text-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}

.width-100-percent {
    width:100%;
}

/*只读、不可输入的且宽度撑满的文本*/
.read-only-item{
    width:100%;
    display: block;
    padding-left: 6px;
    line-height: 36px;
    height: 36px;
    background: #f5f7fa;
    border: 1px solid  #dfe4ed;
    border-radius: 4px;
    font-size: 14px;
    color: #515a6e;
    overflow: hidden;
    /* white-space: nowrap; */
    text-overflow: ellipsis;
}
.read-only-2{
    width: 100%;
    display: block;
    padding-left: 14px;
    line-height: 36px;
    height: 36px;
    background: #f5f7fa;
    border: 1px solid  #e8eaec;
    border-radius: 4px;
    font-size: 14px;
    color: #515a6e;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*临时客户标识*/
.customer-type-tag {
	width: 44px;
	height: 24px;
	text-align: center;
	display: inline-block;
	padding: 1px 2px;
	font-size: 12px;
	transform: scale(0.8);
	border-radius: 10px;
	background-color: #ffeded;
	border-color: #ffdbdb;
	color: #ff4949;
}
.permission-box {
	/*background: #f8f8f9;*/
	padding: 10px;
	border-radius: 4px;
	border: solid 1px #dcdee2;
}
.permission-box-inner {
	height: 400px;
	overflow: auto;
}
